require('./index.css');
require('page/common/header/index.js');
var templateIndex = require('./list-show.string');
var _mm=require('util/mm.js');
console.log('hello index');
var storage=window.localStorage;
var json=storage.getItem("ques_list");
var ques_list=JSON.parse(json);
console.log(ques_list);
var page = {
	init         : function(){
		this.refresh_list();
		this.bindEvent();
	},
	/*将保存的数据渲染到页面上面*/
	refresh_list : function(){
		var $ul = $('.ques-list-show')
		var len = ques_list.list.length;
		console.log(ques_list.list.length);
		this.changePage(len);
		for(var i=0;i<len;i++)
			{	
				var $li = $('<li class="li"></li>');
				$li.attr('id',i);
				var singleHtml = '';
				singleHtml = _mm.renderHtml(templateIndex,ques_list.list[i]);
				$ul.append($li);
			/*	parent.getElementsByTagName('dd')[len-1].innerHTML=singleHtml;*/
				var li=document.getElementsByClassName('li');
				li[i].innerHTML=singleHtml;
			}
	},
	bindEvent     : function(){
		var _this = this;
		$('.delete').off('click').on('click',function(){
			var len =$('.ques-list-show > li').length;
			var $parent=$(this).parent().parent().parent().parent().parent();
			var id=$parent.attr('id');
			//点击按键删除事件
			$('.input-envent').show();
				$('.mask').show();
				$('#cancel').click(function(){
					$('.input-envent').hide();
					$('.mask').hide();
					return;
				});
			$('.input-envent .fa').click(function(){
				$('.mask').hide();
				$('.input-envent').hide();
					return;
				});
			$('#confirm').off('click').on('click',function(){
				/*删除该节点li*/
				$parent.parent().find($parent).remove();
				/*移除问卷列表里面的对应问卷*/
				ques_list.list.splice(id,1);
				/*将删除操作后的列表存入数据库刷新数据*/
				var d=JSON.stringify(ques_list);
	            storage.setItem("ques_list",d);
	            _this.changePage(len-1);
				$('.input-envent').hide();
				$('.mask').hide();
				return;
			});
		});
		/*点击跳转到数据页面*/
		$('.check-data').off('click').on('click',function(){
			 var $parent=$(this).parent().parent().parent().parent().parent().attr('id');
			 /*将本页面的地址，和点击对应问题的ID传过去，通过获取URL参数工具获取对应参数*/
			 window.location.href = './echarts.html?redirect=' + encodeURIComponent(window.location.href)+'&id='+$parent;
		});
	},
	/*判断问卷数目，然后刷新页面*/
	changePage    : function(len){
		    if(len == 0)
			{
				$('.Box').show();
				$('.title').hide();
			}
		else{
				$('.title').show();
				$('.Box').hide();
		}
	}
}
page.init();

